<template>
	<div class="footer">
		<div class="top">
			<div>
				<i class="iconfont">&#xe652;</i>
				<span>机票</span>
			</div>
			<div>
				<i class="iconfont">&#xe652;</i>
				<span>机票</span>
			</div>
			<div>
				<i class="iconfont">&#xe652;</i>
				<span>机票</span>
			</div>
			<b></b>
			<div>
				<i class="iconfont">&#xe652;</i>
				<span>机票</span>
			</div>
		</div>
		<div class="content">
			<p>登录</p>
			<p>我的订单</p>
			<p>最近浏览</p>
			<p>关于我们</p>
		</div>
		<div class="bottom">
			<p>触屏版</p>
			<p><span>电脑版</span></p>
			<b>Qunar 京ICP备05021087 意见反馈</b>
		</div>
	</div>
</template>
<script>

</script>
<style>
	.footer{
		font-size:0.32rem;
		background: #f3f3f3;
	}
	.footer .top{
		width: 300px;
		margin:auto;
		color: #9e9e9e;
	}
	.footer .top div{
		display: inline-block;
		padding:0.1rem;
		line-height: 0.4rem;
	}
	.footer .top b{
		display: inline-block;
		width: 0.05rem;
		height: 0.24rem;
		background: #999;
	}
	.footer  .content{
		padding-bottom: 0.1rem;
		border-bottom:0.03rem solid #cacaca;
	}
	.footer  .content p{
		font-size: 0.28rem;
		display: inline-block;
    	color: #25a4bb;
    	padding-left: 0.4rem;
    	line-height: 0.5rem;
	}
	.footer .bottom{
		text-align: center;
	}
	.footer .bottom p{
		display: inline-block;
		padding-left: 0.3rem;
		line-height: 0.8rem;
		font-size: 0.3rem;
	}
	.footer .bottom p span{
    	color: #25a4bb;
	}
	.footer .bottom b{
		display: block;
		color: #9e9e9e;
    	line-height: 0.3rem;
    	padding-bottom: 0.2rem;
    	font-size: 0.3rem;
	}
</style>